<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title></title>
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
  <script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
  <style media="screen">

  </style>
</head>

<body>
  <div class="dd">
    <ul v-for="(item, index) of list">
      <li>
        <p v-on:click="delOuter(index)">first floor</p>
        <button @click="createInner(index)">+</button>
          <div v-for="(item, index2) of list2 " v-if="index2 == index">
            <ul v-for= "(it, index3) of item">
                <li @click="delInner(index2,index3)">saa</li>
            </ul>
          </div>
      </li>
    </ul>

    <button @click="createOuter" type="button" name="button">create</button>

  </div>

  <script type="text/javascript">
    var vm = new Vue({
      el:".dd",
      data:{
        html:"",
        list:[],
        list2:[],
        index:0
      },
      methods:{
        createOuter(){
          this.list.push("");
          this.list2.push([]);
        },
        createInner(index){
          this.list2[index].push("");
        },
        delInner(ind1, ind2){
          this.list2[ind1].splice(ind2-1, 1);
        },
        delOuter(index){
          this.list2[index].length = 0;
          this.list.splice(index-1,1);
        }
      }
      });

  </script>
</body>

</html>
